<template>
  <div class="mybottom">
    <div class="ol">
      <ol>
      <dl>
        <dt>关于海底捞</dt>
        <dd>火锅文化</dd>
        <dd>品牌故事</dd>
        <dd>经营理念</dd>
        <dd>社会责任</dd>
        <dd>媒体中心</dd>
      </dl>
    </ol>
    <ol>
      <dl>
        <dt>海底捞美食</dt>
        <dd>锅底</dd>
        <dd>涮菜</dd>
        <dd>特色蘸料</dd>
        <dd>小吃甜品</dd>
        <dd>饮食安全</dd>
      </dl>
    </ol>
    <ol>
      <dl>
        <dt>服务中心</dt>
        <dd>门店搜索</dd>
        <dd>联系我们</dd>
        <dd>欢乐卡</dd>
        <dd>海底捞外送</dd>
      </dl>
    </ol>
    <ol>
      <dl>
        <dt>投资者关系</dt>
        <dd>公司治理</dd>
        <dd>招股文件</dd>
        <dd>公告通函</dd>
        <dd>业绩报告</dd>
        <dd>投资者联络</dd>
      </dl>
    </ol>
    <ol>
      <dl>
        <dt>加盟合作</dt>
      </dl>
    </ol>
    <ol>
      <dl>
        <dt>加入海底捞</dt>
        <dd>门店招聘</dd>
      </dl>
    </ol>
    <ol>
      <dl>
        <dt>海底捞会员</dt>
        <dd>关于会员</dd>
        <dd>会员权益</dd>
        <dd>会员须知</dd>
        <dd>隐私政策</dd>
      </dl>
    </ol>
    <ol>
      <dl>
        <dt>相关网站</dt>
        <dd>采购招标平台</dd>
        <dd>威海公司</dd>
        
      </dl>
    </ol>
    </div>
  </div>
</template>

<script>
export default {
  name:'Bottom'
}
</script>

<style lang="less" scoped>
  .mybottom{
    margin-top: 40px;
    width: 100%;
    // height: 600px;
    background-color: #282828;
    .ol{
      padding: 50px 0;
      width: 1200px;
      // justify-content: center;
      margin: 0 auto;
      display: flex;
      ol{
        color: #888;
        margin-right: 60px;
        dt{
          font-size: 18px;
        }
        dd{
          color: #666;
          margin-top: 10px;
        }
      }
    }
  }
</style>